<template>
  <div class="swiper-wrapper">
    <van-swipe :autoplay="3000"
               indicator-color="white">
      <van-swipe-item>
        <img src="https://www.maohz.com/mhzpage/images/banner/nursing-banner.jpg">
      </van-swipe-item>
      <van-swipe-item>
        <img src="https://www.maohz.com/mhzpage/images/banner/draw-banner.jpg">
      </van-swipe-item>
      <van-swipe-item>
        <img src="https://www.maohz.com/mhzpage/images/banner/spa-banner.jpg">
      </van-swipe-item>
      <van-swipe-item>
        <img src="https://www.maohz.com/mhzpage/images/banner/discount-banner.jpg">
      </van-swipe-item>
    </van-swipe>
  </div>
</template>
<script>
import Vue from 'vue'
import { Swipe, SwipeItem } from 'vant'
Vue.use(Swipe).use(SwipeItem);

export default {
  name: 'HomeSwiper',
  props: {
    list: Array
  },
  data () {
    return {

    }
  },
  computed: {
    // showSwiper () {
    //   return this.list.length
    // }
  }
}
</script>
<style lang="scss" scope>
.swiper-wrapper {
  padding: 15px 10px 0;
  height: 180px;
  img {
    width: 100%;
    height: 162px;
    display: block;
  }
}
</style>